import { lazy } from "react";

const Home = lazy(() => import("@/pages/Home/index.jsx"));
const FindMusic = lazy(() => import("@/pages/FindMusic"));
const MyMusic = lazy(() => import("@/pages/MyMusic"));
const MyFriends = lazy(() => import("@/pages/MyFriends"));
const MyAdmin = lazy(() => import("@/pages/MyAdmin"));

const routes = [
  /// 显示底部tabbar的路由
  {
    path: "/",
    element: <Home />,
    children: [
      {
        path: "/",
        element: <FindMusic />,
        // children: [
        //    .......
        // ],
      },
      {
        path: "/my-music",
        element: <MyMusic />,
      },
      {
        path: "/my-frinds",
        element: <MyFriends />,
      },
      {
        path: "/my-admin",
        element: <MyAdmin />,
      },
    ],
  },
  /// 不显示底部tabbar的路由
  // {
  //   path: "/my-frinds",
  //   element: <MyFriends />,
  // },
];

export default routes;
